<!DOCTYPE html>
<html>
	<head>
	  <title>24Pullse</title>
	  <meta charset="utf-8" />
	  <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" />
	  <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.2.min.css" />
	  <link rel="stylesheet" href="css/app.css" />
	  <script src="js/jquery-1.10.2.min.js"></script>
	  <script src="js/jquery.mobile-1.3.2.min.js"></script>
	  <script src="js/purl.js"></script>
	  <script src="js/jsrender.js"></script>
	  <script src="js/requests.js"></script>
	  <script src="js/app.js"></script>
	</head>
	<body>
		<div data-role="page" id="page_invoice" data-theme="a" class="wrapper_page footer_padding" script="js/invoice.js">
		  <div id="nav_panel_invoice" class="panel_right"
					data-theme="a" data-display="reveal"
					data-position-fixed="false" data-position="right" data-role="panel">
			</div>
				<header data-role="header">
				    <a href="source.htm?id=" id="invoice_back_button" class="clear-btn app-back" data-role="button" data-inline="true" data-shadow="false"></a>
					  <h3><div class="app_logo"></div></h3>
					  <a href="#nav_panel_invoice" class="clear-btn nav-panel-right app-bars ui-btn-right" data-role="button" data-inline="true" data-shadow="false"></a>
				</header>
	    	<div data-role="content">
			      <div class="header header_huge no-top-margin">
			        <p class="f18" id="account_name"></p>
			      </div>
			      
						<div class="wide">
							<div class="app-controls-block col2">
								<a href="#" class="active" data-role="button" data-inline="true">Details</a>
								<a href="log.htm?sid=&iid=" id="invoice_log_link" data-role="button" data-inline="true">Action log</a>
							</div>
						</div>
						<div id="prop_list"></div>
	    	</div>
			<footer class="gray f18" data-role="footer" data-position="fixed" data-tap-toggle="false">
			  <div class="btn-orange">
			  	<a href="#" onClick="show_bottom_panel( $('#panel_call') ); return false;" id="invoice_call_button" class="btn-wide" data-iconpos="notext" data-icon="app-call" data-iconshadow="false" data-role="button">Call</a>
			  </div>
			  <div class="btn-orange">
			    <a href="#" onClick="show_bottom_panel( $('#panel_mail') ); return false;" id="invoice_mail_button" class="btn-wide" data-iconpos="notext" data-icon="app-mail" data-iconshadow="false" data-role="button">Mail</a>
			  </div>
			</footer>
			<a href="#" id="bottom_overlay" onClick="hide_bottom_panel(); return false;"></a>
			<div id="panel_call" class="panel_bottom" data-set="call" data-height="205">
			  <div class="ui-content">
				  <p class="f24">Make a call</p>
				  <div class="btn-orange"><a id="invoice_call_btn" href="tel:+3211234567" data-role="button">+3 21 1234567</a></div>
				  <div class="btn-orange"><a href="tel:" data-role="button">Manual input</a></div>
				  <div class="btn-orange"><a href="#" onClick="hide_bottom_panel( $('#panel_call') ); return false;" data-role="button">Cancel</a></div>
				</div>
			</div>
			<div id="panel_mail" class="panel_bottom" data-set="mail" data-height="205">
			  <div class="ui-content">
				  <p class="f24">Send mail</p>
				  <div class="btn-orange"><a id="invoice_mail_btn" href="mailto:kronius@yandex.ru?subject=Message%20regarding&body=Dear%20Mr/Ms,%0A%0A(Your%20message%20here)%0A%0A24Pulse%0Agoes%20here" data-role="button">email@example.com</a></div>
				  <div class="btn-orange"><a href="mailto:" data-role="button">Manual input</a></div>
				  <div class="btn-orange"><a href="#" onClick="hide_bottom_panel( $('#panel_mail') ); return false;" data-role="button">Cancel</a></div>
				</div>
			</div>
		</div>
	</body>
</html>